<template>
  <ComWrapper>
    12212
    <el-row :gutter="15">
			<el-col :lg="8">
				<el-card shadow="never">
					<Gauge />
				</el-card>
			</el-col>
			<el-col :lg="8">
				<el-card shadow="never">
					<Waterfall />
				</el-card>
			</el-col>
			<el-col :lg="8">
				<el-card shadow="never">
					<Area />
				</el-card>
			</el-col>
			<el-col :lg="8">
				<el-card shadow="never">
					<Brush />
				</el-card>
			</el-col>
			<el-col :lg="8">
				<el-card shadow="never">
					<Progress />
				</el-card>
			</el-col>
			<el-col :lg="8">
				<el-card shadow="never">
					<Radar />
				</el-card>
			</el-col>
		</el-row>
  </ComWrapper>
</template>

<script setup>
import {defineAsyncComponent} from 'vue'

const Gauge = defineAsyncComponent(() => import('./components/gauge'))
const Waterfall = defineAsyncComponent(() => import('./components/waterfall'))
const Area = defineAsyncComponent(() => import('./components/area'))
const Brush = defineAsyncComponent(() => import('./components/brush'))
const Progress = defineAsyncComponent(() => import('./components/progress'))
const Radar = defineAsyncComponent(() => import('./components/radar'))
</script>
